<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>青鸟影院管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo"><span>青鸟影院管理系统</span></div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="updateAdmin.html" >
                   	 <img src="${pageContext.request.contextPath}/img/default.png" class="layui-nav-img layui-anim layui-anim-rotate"/>
                   	 <span id="user_name"></span>
                </a>
            </li>
            <li class="layui-nav-item"><a href="adminNo">退出</a></li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test" id="leftside">
                <script id="side" type="text/html">
                    {{#  layui.each(d.list, function(index, item){ }}
                    <li class="layui-nav-item">
                        <a href="{{item.url}}"><i class="layui-icon {{item.icon}}"></i> {{item.name}}</a>
                    </li>
                    {{#  }); }}
                    {{#  if(d.list.length === 0){ }}
                    无数据
                    {{#  } }}
                </script>
            </ul>
        </div>
    </div>
    
  <div class="layui-body">
        <!-- 主体区域开始 -->
        <!--当前位置开始-->
        <div class="layui-card layadmin-header">
            <span class="layui-breadcrumb">
                  <a href="AdminIndex">系统</a>
                  <a><cite>主页</cite></a>
            </span>
        </div>
        <!--当前位置结束-->
        <div class="layui-row">
     
            <div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-index-list">
                <!--待处理事项开始-->
                <div class="layui-card deal" style="width:600px ">
                    <div class="layui-card-header">待处理事项</div>
                    <div class="layui-card-body index-body-box">
                        <div class="layui-btn-container" id="shixiang">
                            <button class="layui-btn layui-btn-primary">订单消息<span
                                    class="layui-badge layui-bg-orange">0</span></button>
                            <button class="layui-btn layui-btn-primary">客户反馈<span
                                    class="layui-badge layui-bg-green">0</span></button>
                            <button class="layui-btn layui-btn-primary">评分信息<span
                                    class="layui-badge layui-bg-gray">0</span></button>
                         </div>
                    </div>
                </div>
                <!--待处理事项结束-->
                <!--联系-->
                <div class="layui-card menber" style="width:600px">
                    <div class="layui-card-header">联系人员</div>
                    <div class="layui-card-body index-body-box">
                        <div class="layui-btn-container" id="shixiang">
                            <div class="business_card">
                                <div class="card_top">
                                    <img src="../img/pqy.jpg" alt="">
                                    <b>彭麒月</b>
                                    <span class="layui-icon layui-icon-auz"></span>
                                </div>

                                <div class="card_cen"><span class="layui-icon layui-icon-cellphone"></span>18783358280</div>
                                <div class="card_buttom"><span class="layui-icon layui-icon-login-qq"></span>104799482</div>
                            </div>
                            <div class="business_card">
                                <div class="card_top">
                                    <img src="../img/hlj.jpg" alt="">
                                    <b>黄丽杰</b>
                                    <span class="layui-icon layui-icon-auz"></span>
                                </div>
                                <div class="card_cen"><span class="layui-icon layui-icon-cellphone"></span>18382891042</div>
                                <div class="card_buttom"><span class="layui-icon layui-icon-login-qq"></span>1647277433</div>
                            </div>
                            <div class="business_card">
                                <div class="card_top">
                                    <img src="../img/ych.jpg" alt="">
                                    <b>杨春花</b>
                                    <span class="layui-icon layui-icon-auz"></span>
                                </div>
                                <div class="card_cen"><span class="layui-icon layui-icon-cellphone"></span>18783928357</div>
                                <div class="card_buttom"><span class="layui-icon layui-icon-login-qq"></span>1845527555</div>
                            </div>
                         </div>
                    </div>
                </div>
                <!--联系结束-->
            </div>
            <div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-index-list">
                <!--版本信息开始-->
                <div class="layui-card" style="width:665px;position:relative;left:185px">
                    <div class="layui-card-header">系统开发</div>
                    <div class="layui-card-body index-body-box">
                        <table class="layui-table">
                            <tbody>
                            <tr>
                                <td>当前版本</td>
                                <td>v1.0.1</td>
                            </tr>
                            <tr>
                                <td>前端开发</td>
                                <td>黄丽杰，杨春花，王宇</td>
                            </tr>
                            <tr>
                                <td>后端开发</td>
                                <td>彭麒月，黄丽杰，杨春花</td>
                            </tr>
                            <tr>
                                <td>数据库设计</td>
                                <td>
                                   彭麒月
                                </td>
                            </tr>
                            <tr>
                                <td>鉴定报告</td>
                                <td>
                                  力毛吉(17394462477)
                                </td>
                            </tr>
                            <tr>
                                <td>操作员</td>
                                <td>
                                  力毛吉，王宇(15008375330)
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--版本信息结束-->
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md8 layui-index-list">
                <!--数据概览开始-->
                <div class="layui-card">
                    <div class="layui-card-header">数据概览</div>
                    <div class="layui-card-body">
                        <div id="zhexiantu"></div>
                    </div>
                </div>
                <!--数据概览结束-->
            </div>
            <div class="layui-col-md4 layui-index-list">
                <!--数据报告开始-->
                <div class="layui-card">
                    <div class="layui-card-header">数据报告</div>
                    <div class="layui-card-body">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <td>项目</td>
                                <td>数量</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>影片</td>
                                <td>${movie.movieId}个</td>
                            </tr>
                            <tr>
                                <td>影厅</td>
                                <td>${hall.hallId}个</td>
                            </tr>
                            <c:forEach items="${member}" var="m">
                                <c:choose>
                                    <c:when test="${m.memberTemp == 0}">
                                        <tr>
                                            <td>大众会员</td>
                                            <td>${m.memberMunber}人</td>
                                        </tr>
                                    </c:when>
                                    <c:otherwise>
                                        <tr>
                                            <td>普通会员</td>
                                            <td>${m.memberMunber}人</td>
                                        </tr>
                                    </c:otherwise>
                                </c:choose>
                            </c:forEach>
                            <tr>
                                <td>订单</td>
                                <td>
                                    ${orderAll}
                                   条</td>
                            </tr>
                            <tr>
                                <td>客户反馈</td>
                                <td>3条</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--数据报告结束-->
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12 layui-index-list">
                <div class="layui-card">
                    <div class="layui-card-header">电影排行榜</div>
                    <div class="layui-card-body">
                        <table class="layui-table" id="paihangbang">
                            <thead>
                            <tr>
                                <td width="30px">序号</td>
                                <td>标题</td>
                                <td>类型</td>
                                <td width="130">发布时间</td>
                                <td width="50">评分</td>
                            </tr>
                            </thead>
                            <tbody>
                                <c:forEach items="${movieTemp}" var="movieTemp" end="5">
                                    <tr>
                                        <td>${movieTemp.movieId}</td>
                                        <td>${movieTemp.movieName}</td>
                                        <td>
                                            <c:forEach items="${movieTemp.movietemps}" var="movietemps">
                                                ${movietemps.tempName}
                                            </c:forEach>
                                        </td>
                                        <td>${movieTemp.movieRelease}</td>
                                        <td>${movieTemp.movieNum}</td>
                                    </tr>
                                </c:forEach>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!--主体区域结束-->
    </div>
    <div class="layui-footer" style="text-align:center">
        <!-- 底部固定区域 -->
        © 版权管理
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/layui.js" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"></script>
<script src="${pageContext.request.contextPath}/js/echarts.common.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script>
<script src="${pageContext.request.contextPath}/js/common.js"></script>
<script>
    var myChart = echarts.init(document.getElementById('zhexiantu'));
    option = {
        title: {
            text: '购票量'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['上周数据', '本周数据']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            // data: [ "周一", "周二" ,"周三", "周四", "周五", "周六","周日"]
            data:["年初",
                <c:forEach items="${orderd}" var="o">
                     "${o.buyTime}",
                </c:forEach>
                "年底"
            ]
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '上周数据',
                type: 'line',
                stack: '总量',
                // data: [ 0, 100, 23, 33, 123, 4,13]
                data:[
                    0,
                    <c:forEach items="${orderd}" var="o">
                        ${o.orderId},
                    </c:forEach>
                    0
                ]
            },
            {
                name: '本周数据',
                type: 'line',
                stack: '总量',
                // data: [0, 34, 13, 83, 13, 93,35]
                data:[
                    0,
                    <c:forEach items="${orderd}" var="o">
                        ${o.orderId},
                    </c:forEach>
                    0
                ]
            }
        ]
    };
    myChart.setOption(option);
</script>
</body>
</html>
